@import "../../core/color.scss";

.re-audio {
  .re-button-wrapper,
  & > span {
    display: inline-block;
    vertical-align: middle;
  }
  .re-button-wrapper {
    position: relative;
    border: 1px solid rgba($black,.6);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    cursor: pointer;
    .pause,
    .play {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    .pause {
      border-left: 11px solid rgba($black,.6);
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      width: 0;
      height: 0;
      margin-left: 1px;
    }
    .play {
      background:rgba($black,.6);
      width: 10px;
      height: 10px;
    }
  }
  & > span > span:first-child {
    margin-right: 1px;
  }
}